<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./img/favicon.ico">
    <link rel="stylesheet" type="text/css" href="./css/index.css" />
    <title>哔哩哔哩 (゜-゜)つロ 干杯~-bilibili</title>
</head>
<body>
<div class="bj">
    <div class="login">
        <div class="close_icon">
            <img src="img/close.svg" alt="close">
        </div>
        <div class="qr">
            <div class="qr-title">扫描二维码登录</div>
            <div class="qr-img-box">
                <img src="img/QR_code.png" alt="登录二维码" class="qr-img">
            </div>
            <div class="qr-text">
                <p>&nbsp;请使用&nbsp;
                    <a href="https://app.bilibili.com/" target="_blank">哔哩哔哩客户端</a>
                </p>
                <p>扫码登录或扫码下载APP</p>
            </div>
        </div>
        <div class="line"></div>
        <div class="right">
            <div class="right-top">
                <div class="login-code">&nbsp;密码登录&nbsp;</div>
                <div class="right-line"></div>
                <div class="login-item">&nbsp;短信登录&nbsp;</div>
            </div>

            <div class="login-input">
                <div class="input__item">
                    <div class="input_user">账号</div>
                    <input maxlength="32" oninput="value=value.replace(/\s+/g, '')" placeholder="请输入账号" type="text">
                </div>
                <div class="input__item">
                    <div class="input_code">密码</div>
                    <input maxlength="32" oninput="value=value.replace(/\s+/g, '')" placeholder="请输入密码" type="password" style="margin-right: 60px;">
                        <img src="img/eye.svg" alt="显示密码" class="eye"><span>&nbsp;&nbsp;&nbsp;</span>
                    <a href="#" target="_blank">忘记密码？</a>
                    </div>
            </div>

            <div class="btn">
                <div class="btn_signin">注册</div>
                <div class="btn_login"> 登录 </div>
            </div>

            <div class="login-others">
                <div class="login-title">其他方式登录</div>
                <div class="login-others-sms">
                    <div class="login-sms">
                        <img src="/img/WeiXin.png" class="login-icon">
                        <span class="login-name">微信登录</span>
                    </div>
                        <div class="login-sms">
                            <img src="img/Weibo.png" class="login-icon">
                            <span class="login-name">微博登录</span>
                        </div>
                            <div class="login-sms"><img src="img/QQ.png" class="login-icon">
                                <span class="login-name">QQ登录</span>
                            </div>
                        </div>
                    </div>


        </div>
        <div class="login-font">
            <p>&nbsp;未注册过哔哩哔哩的手机号，我们将自动帮你注册账号</p>
            <p>&nbsp;登录或完成注册即代表你同意&nbsp;
                <a href="#" target="_blank">&nbsp;用户协议&nbsp;</a><span>&nbsp;和&nbsp;</span>
                <a href="#" target="_blank">&nbsp;隐私政策&nbsp;</a><span>&nbsp;&nbsp;</span>
            </p>
        </div>
    </div>
</div>
</body>
<script src="./js/index.js"></script>

<!-- @jsj2501-zzj -->
</html>